<template>
	<div>
		<div class="toppic">
			<div class="anbut">
				<div class="anbutiphone" @click="iphoneapp">
					<img src="../../../src/assets/img/iphonetop.png" alt="">
				</div>
				<div class="anbutiphone anbutiphone1" @click="androidapp">
					<img src="../../../src/assets/img/androidbottom.png" alt="">
				</div>
			</div>
		</div>
		<div class="contentpic">
			<img src="../../../src/assets/img/h502.png" alt="">
		</div>
		<div class="contentpic2">
			<img src="../../../src/assets/img/h504.png" alt="">
		</div>
		
		<div class="contentpic1">
			<!-- <img src="static/img/h508.jpg" alt=""> -->
			<div class="anbut1">
				<div class="anbutiphone" @click="iphoneapp">
					<img src="../../../src/assets/img/iphonebottom.png" alt="">
				</div>
				<div class="anbutiphone" @click="androidapp">
					<img src="../../../src/assets/img/androidtop.png" alt="">
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				sharelogin:1,
			};
		},
		methods:{
			iphoneapp(){
				var that = this;
				window.location.href=that.$store.state.h5appaddressiphone
			},
			androidapp(){
				var that = this;
				window.location.href=that.$store.state.h5appaddressandroid
			}
		},
		beforeCreate(){
			var that = this;
			var url = window.location.href;
			
			var obj = {
			   title: '下载赛思医考帮APP',		//分享标题
			   desc: that.$store.state.desc,	//分享内容
			   linkurl: url,//分享链接
			   img: that.$store.state.imgdesc,
			}
			this.sdk.getJSSDK(url,obj,this.$store.state.url);
		},
		mounted() {
			var that = this;
			var url = window.location.href;
			
			var obj = {
			   title: '下载赛思医考帮APP',		//分享标题
			   desc: that.$store.state.desc,	//分享内容
			   linkurl: url,//分享链接
			   img: that.$store.state.imgdesc,
			}
			this.sdk.getJSSDK(url,obj,this.$store.state.url);
		}
	}
</script>

<style scoped="scoped">
.backindex{
	position: fixed;
	right: .3rem;
	bottom: .5rem;
	width: .8rem;
	height: .8rem;
}
.backindex img{
	width: 100%;
	height: 100%;
}
.toppic{
	width: 7.5rem;
	height: 4.25rem;
	background: url('../../../src/assets/img/h501.png') no-repeat;
	background-size:100% 100%;
}
.contentpic1{
	width: 7.5rem;
	height: 8.14rem;
	background: url('../../../src/assets/img/h503.png') no-repeat;
	background-size:100% 100%;
}
.anbut{
	width: 4rem;
	margin: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 99;
	top: 1.91rem;
	left: 1.2rem;
}
/* .anbutiphone1{
	margin-left: .2rem;
} */
.anbut1{
	width: 5.6rem;
	display: flex;
	justify-content: space-around;
	margin:auto;
	position: relative;
	z-index: 99;
	top: 6.91rem;
}
.anbutiphone{
	width: 1.79rem;
	height: .46rem;
}
.anbutiphone img{
	width: 100%;
	height: 100%;
}
.contentpic{
	width: 7.5rem;
	height: 5.71rem;
}
.contentpic,.contentpic2{
	width: 7.5rem;
	height: 6.71rem;
}
.contentpic img,.contentpic2 img{
	width: 100%;
	height: 100%;
}
</style>
